<template>
  <div class="container">
    <!-- 1. 分类和轮播 -->
    <HomeCate />
    <HomeBan />
    <!-- 2. 新鲜好物 -->
    <HomeNew />
    <!-- 3. 人气推荐 -->
    <HomeHot />
    <!-- 4. 商品楼层 -->
    <HomeProduct />
  </div>
</template>

<script>
import HomeCate from './components/home-category.vue'
import HomeBan from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeProduct from './components/home-product'
export default {
  name: 'xtx-home-page',
  components: {
    HomeCate,
    HomeBan,
    HomeNew,
    HomeHot,
    HomeProduct
  }
}
</script>

<style scoped lang='less'>
// vue2导入样式使用@需要加~
// @import '@/styles/var.less';
.test {
  border: 10px solid @priceColor;
}
</style>
